<!doctype html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="applicable-device" content="mobile">
	<title>在滨海装修一套房子要多少钱？</title>
	<script type="text/javascript" src="http://icon.dyrs.cc/js/jquery-1.8.3.min.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-touch-fullscreen" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" type="text/css" href="http://dyrszty.b0.upaiyun.com/zty/yd/css/base.css" />
	<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/GA_NEWS_TAP_LV.js"></script>

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		a,
		img {
			border: 0;
			display: block;
		}
		
		body {
			font-size: 18px;
		}
		
		a,
		a:hover {
			text-decoration: none;
			color: #666;
		}
		
		.demo {
			width: 90%;
			z-index: 9999;
		}
		
		.demo1 {
			width: 90%;
			z-index: 8888;
		}
		/* select */
		
		.select {
			position: relative;
			float: left;
			width: 46.5%;
		}
		
		.select dt {
			display: inline-block;
			border: 2px solid #dcdcdc;
			background: white url(http://img.dyrs.cc/special/282/100/104282/ico1.jpg) no-repeat 80px center;
			line-height: 35px;
			font-weight: bold;
			padding-left: 40px;
			cursor: pointer;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			position: relative;
			z-index: 999;
			width: 75%;
			border-radius: 4px;
		}
		
		.select1 dt {
			background: white url(http://img.dyrs.cc/special/282/100/104282/ico2.jpg) no-repeat 80px center;
		}
		
		.select2 dt {
			background: white url(http://img.dyrs.cc/special/282/100/104282/ico3.jpg) no-repeat 80px center;
		}
		
		.select3 dt {
			background: white url(http://img.dyrs.cc/special/282/100/104282/ico4.jpg) no-repeat 80px center;
		}
		
		.select dt:hover,
		.select dt.cur {
			border: 2px solid #dcdcdc;
		}
		
		.select dd {
			position: absolute;
			left: 0;
			top: 40px;
			border: 1px solid #dcdcdc;
			background: #fff;
			display: none;
			width: 100%;
		}
		
		.select dd ul {
			padding: 4px;
			width: 100%;
			max-height: 250px;
			overflow: auto;
		}
		
		.select dd ul li a {
			line-height: 28px;
			display: block;
			padding: 0 40px;
		}
		
		.select dd ul li a:hover {
			background: #f5f5f5;
		}
		
		.baoming {
			height: 45%;
		}
		
		.baoming .item {
			height: 11%;
			padding-top: 4%;
			width: 98% !important;
		}
		
		.baoming input {
			width: 98%;
			border-radius: 4px;
			height: 100%;
			border: 2px solid #dcdcdc;
			outline: none;
		}
		
		footer {
			display: none;
		}
	</style>
	<!--[if IE]>
		<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
	<![endif]-->

	<script type="text/javascript">
		$(function() {
			$(".select").each(function() {
				var s = $(this);
				var z = parseInt(s.css("z-index"));
				var dt = $(this).children("dt");
				var dd = $(this).children("dd");
				var _show = function() {
					dd.slideDown(200);
					dt.addClass("cur");
					s.css("z-index", z + 1);
				}; //展开效果
				var _hide = function() {
					dd.slideUp(200);
					dt.removeClass("cur");
					s.css("z-index", z);
				}; //关闭效果
				dt.click(function() {
					dd.is(":hidden") ? _show() : _hide();
				});
				dd.find("a").click(function() {
					dt.html($(this).html());
					_hide();
				}); //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
				$("body").click(function(i) {
					!$(i.target).parents(".select").first().is(s) ? _hide() : "";
				});
			})
		})
	</script>
	<div style="display:none">

		<!--baidu-->
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "//hm.baidu.com/hm.js?2d2583f2c0c0afc5e4dac17cdc3366e3";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
		<!--end baidu-->
		<script language="javascript" src="http://dyrszty.b0.upaiyun.com/zty/ga.js"></script>
		<!--ga-->
		<script>
			(function(i, s, o, g, r, a, m) {
				i['GoogleAnalyticsObject'] = r;
				i[r] = i[r] || function() {
					(i[r].q = i[r].q || []).push(arguments)
				}, i[r].l = 1 * new Date();
				a = s.createElement(o),
					m = s.getElementsByTagName(o)[0];
				a.async = 1;
				a.src = g;
				m.parentNode.insertBefore(a, m)
			})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

			ga('create', 'UA-72298358-1', 'auto', {
				'allowLinker': true
			});
			ga('send', 'pageview');
		</script>
		<!--end ga-->
	</div>
	<!--商务通调用-->

	<script language="javascript" src="http://pft.zoosnet.net/JS/LsJS.aspx?siteid=PFT75532031&float=1&lng=cn"></script>
	<!--end 商务通调用-->
	<!--延迟加载-->
	<script src="http://dyrszty.b0.upaiyun.com/zty/yd/js/jquery.js"></script>
	<script src="http://dyrszty.b0.upaiyun.com/zty/yd/js/jquery.lazyload.js" type="text/javascript"></script>
	<script type="text/javascript">
		jQuery(document).ready(
			function($) {
				$("#lazyarea img").lazyload({
					placeholder: "js/grey.gif", //加载图片前的占位图片
					effect: "fadeIn" //加载图片使用的效果(淡入)
				});
			});
	</script>

	<!--end 延迟加载-->

</head>

<body>
	<div class="wrapper">

		<!-- banner -->
		<div class="banner-wrap banner">
			<img src="http://img.dyrs.cc/special/289/100/104289/banner2.jpg!c" width="100%" alt="" />
		</div>
		<!-- banner end -->
		<section>
			<div class="beijing" style="position:relative;"><img src="http://img.dyrs.cc/special/289/100/104289/bj1.jpg" width="100%"></div>

			<div class="demo" style="position:absolute; top:30%; left:5%;">
				<dl class="select">
					<dt>1</dt>
					<dd>
						<ul>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>
						</ul>
					</dd>
				</dl>

				<dl class="select select1" style="left:3%;">
					<dt>1</dt>
					<dd>
						<ul>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>

						</ul>
					</dd>
				</dl>

			</div>
			<div class="demo1" style="position:absolute; top:37%; left:5%;">

				<dl class="select select2">
					<dt>1</dt>
					<dd>
						<ul>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>
						</ul>
					</dd>
				</dl>

				<dl class="select select3" style="left:3%;">
					<dt>1</dt>
					<dd>
						<ul>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>

						</ul>
					</dd>
				</dl>

			</div>

		</section>

		<div style=" width:90%; left:5%; position:absolute; top:42%;" class="baoming SMS_duang5">
			<div class="item"><input name="community" type="text" id="zrbname" class="ztxt" placeholder="请输入您的小区名称" style="width:46.7%;" />

				<input name="area" type="text" id="zrsize" class="ztxt" placeholder="请输入您的房屋面积" style="width:46.7%;" />
			</div>

			<div class="item" style="width:96%;"><input name="rname" type="text" id="zrname" class="ztxt" placeholder="请输入姓名" /></div>

			<div class="item" style="width:96%;"><input name="rtel" type="text" id="zrtel" class="ztxt SMS_lv" placeholder="输入电话号码,预算费用和设计预案将发送至您的手机" /></div>

			<div class="item"><input type="text" class="SMS_duang2 SMS_yz_lv" placeholder="输入验证码" style="background:white; color:black; width:55%;" /><input type="button" class="SMS_duang2 SMS_button_lv" if_id='0' value="点击获取验证码" style="background:#fe7c00; color:#fff;width:40%; margin-left: 3%; border:none;" /></div>
			<div style="display: inline-block; vertical-align: top;">
				<span style="color: red;display: block; font-family: '微软雅黑';font-size: 16px;padding: 5% 0px;">选择您喜欢的风格</span>
				<dl class="select select_lv" style="width: 110px;">
					<dt style="padding-left: 10px !important;padding-right: 20px;">现代简约</dt>
					<dd>
						<ul>
							<li>
								<a style="padding: 0; text-align: center;">现代简约</a>
							</li>
							<li>
								<a style="padding: 0; text-align: center;">欧洲古典</a>
							</li>
							<li>
								<a style="padding: 0; text-align: center;">新中式</a>
							</li>
							<li>
								<a style="padding: 0; text-align: center;">简欧风格</a>
							</li>
							<li>
								<a style="padding: 0; text-align: center;">新古典</a>
							</li>
							<li>
								<a style="padding: 0; text-align: center;">地中海</a>
							</li>
						</ul>
					</dd>
				</dl>
			</div>
			<div class="fengge_lv" style="display: inline-block; height: 20%; vertical-align: top;padding-top: 4%; padding-right: 2.5%; float: right;">
				<img style="height: 100%;" src="http://ftp.tj.dyrs.com.cn/yd/images/fengge_lv/1.jpg" />
			</div>
			<div class="item" style="width:96%;"><input type="button" name="button" id="button" value="立 即 提 交" class="huoqu SMS_button_lv2" onClick="ga('send','event','268','A选择你喜欢的风格/立即提交','在线报名');" style="width:99%; height:100%; background-color:#dc0000; color:white; border:none; outline:none;border-radius:4px; font-size:18px;-webkit-appearance:none;" /></div>
			<div class="clearfix"></div>
		</div>
		<script>
			$(".select_lv dd ul li a").click(function() {
				$(".fengge_lv img").attr("src", "http://ftp.tj.dyrs.com.cn/yd/images/fengge_lv/" + ($(this).parent("li").index() - -1) + ".jpg")
			});
		</script>

		<script type="text/javascript">
			$(".SMS_duang5 .SMS_button_lv").click(function() {
				SMS_phone_lv({
					'button_lv': $(this),
					'phone_id': $(".SMS_duang5 .SMS_lv").val(),
					'button_text': "点击获取验证码",
					"time": 60
				});

			});
			$(".SMS_duang5 .SMS_button_lv2").click(function() {
				SMS_yz_lv($(".SMS_duang5 .SMS_yz_lv").val(), function() {
					zckform();
				})
			});

			function zckform() {
				if(!$('#zrtel').val() | !$('#zrtel').val().match(/^[0-9,-]{7,13}$/)) {
					alert('请填写您的手机号!');
					document.getElementById('zrtel').focus();
					return false;
				} else {

					var $name = $('.baoming [name=rname]').val(),
						$phone = $('.baoming [name=rtel]').val(),
						$community = $('.baoming [name=community]').val(),
						$area = $('.baoming [name=area]').val()
					var data = {};
					data["name"] = $name;
					data["phone"] = $phone;
					data["community"] = $community;
					data["area"] = $area;
					if(_siteId) {
						data["site_id"] = _siteId;
					}
					if(_resource) {
						data["resource"] = _resource;
					}
					data["enter_url"] = window.location.href;
					if(data.name == '') {
						alert('姓名不能为空！');
						return false;
					}
					if(data.phone == '') {
						alert('电话不能为空！')
						return false;
					}
					$.ajax({
						url: 'http://www.sumeihome.com/api/apply/create',
						dataType: 'jsonp',
						data: data,
						success: function(d) {
							alert(d.description);
							$('body').append('<iframe style="display:none;" src="http://apis.laidx.com/SMS/Send?account=ADDCCC26ED8E4475A8CC23FFD3563D7B&token=bc740993e93c40e58aea7cce93f62fb9&mobile=' + $('.baoming [name=rtel]').val() + ',15002238750&content=恭喜您已预约成功！家装顾问会与您联系，请保持手机畅通。详询：400-6911-695【东易日盛】&type=1" width="0" height="0"></iframe>');
						},
						error: function(d) {
							alert(d.description);
							$('body').append('<iframe style="display:none;" src="http://apis.laidx.com/SMS/Send?account=ADDCCC26ED8E4475A8CC23FFD3563D7B&token=bc740993e93c40e58aea7cce93f62fb9&mobile=' + $('.baoming [name=rtel]').val() + ',15002238750&content=恭喜您已预约成功！家装顾问会与您联系，请保持手机畅通。详询：400-6911-695【东易日盛】&type=1" width="0" height="0"></iframe>');
						}
					});

				}
			}
		</script>

	</div>
	<section>
		<img src="http://img.dyrs.cc/special/289/100/104289/banner-(1).jpg!c" width="100%">
		<a href="Tel:4006911525" target="_blank" id="tel1"><img src="http://img.dyrs.cc/special/289/100/104289/banner-(2).jpg" width="100%" alt="" /></a>
		<img src="http://img.dyrs.cc/special/289/100/104289/banner-(3).jpg" width="100%">
	</section>
	<!-- custom js 底部悬浮-->
	<script src="http://dyrszty.b0.upaiyun.com/zty/yd/js/custom.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			function clickTag() {

				$("#swtColse").click(function() {
					ga('send', 'event', "268", "关闭商务通窗口", "关闭右侧浮窗");
				})
				$("#LRfloater0 img").click(function() {
					ga('send', 'event', "268", "商务通", "右侧浮窗");
				})
			}
			setTimeout(clickTag, 1000);
		});
	</script>
	<script>
		document.getElementById("tel1").onclick = function(e) {
			ga('send', 'event', "268", "底部/电话", "拨打电话");
		};
	</script>

	<!-- 滚屏事件GA监测代码部署源码 -->
	<script>
		$(document).ready(function() {
			var flag0 = true;
			var flag1 = true;
			var flag2 = true;
			var flag3 = true;

			$(window).scroll(function() {
				var ASH = $(window).height() + $(document).scrollTop();
				var SH = $(document).height();
				var RS = ASH / SH;

				if(flag0) {
					flag0 = false;
				} else if(RS >= 0.3 && RS < 0.6 && flag1) {
					ga('send', 'event', "268", "页面滑动", "30%", 1, {
						nonInteraction: true
					});
					flag1 = false
				} else if(RS >= 0.6 && RS <= 0.9 && flag2) {
					ga('send', 'event', "268", "页面滑动", "60%", 1, {
						nonInteraction: true
					});
					flag2 = false
				} else if(RS >= 0.9 && flag3) {
					ga('send', 'event', "268", "页面滑动", "100%", 1, {
						nonInteraction: true
					});
					flag3 = false
				}

			});

		});
	</script>
	<!-- 弹窗位置GA监测代码部署源码 -->
	<script type="text/javascript">
		$(document).on('click', '#swtchat a', function() {
			ga('send', 'event', "268", "商务通", "中间浮窗");
		});
		$(document).on('click', '#swtbox a:eq(1)', function() {
			ga('send', 'event', "268", "关闭商务通窗口", "中间浮窗");
		});
	</script>
</body>

</html>

<script type="text/javascript" src="http://lead.soperson.com/20000017/10059480.js"></script>

<script language="javascript" src="http://pft.zoosnet.net/JS/LSJS.aspx?siteid=PFT75532031&lng=cn&float=0"></script>
<script language="javascript">
	<!--

	//-->
</script>